<?php
/*
 * ebiz front
 *
 * apply receive View
 *
 * @author fusq
 *
 */
?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
    <head>
        <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
        <title>我要充值-阿基米米网上商城</title>
        <script type='text/javascript' language='javascript' src='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/n/javascript/lib/jquery.js'></script>
        <script type='text/javascript' language='javascript' src='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/n/javascript/lib/jquery-ui-datepicker.js'></script>
        <script type="text/javascript" language='javascript' src="//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/n/javascript/lib/ui.core.js"></script>
        <script type="text/javascript" language='javascript' src="//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/n/javascript/lib/ui.draggable.js"></script>
        <script type="text/javascript" language='javascript' src="//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/n/javascript/lib/ui.dialog.js"></script>
        <script type='text/javascript' language='javascript' src='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/n/javascript/frontend.js'></script>
        <script type='text/javascript' language='javascript' src='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/t/<?php echo $GLOBALS["config"]['template_name']; ?>/javascript/akimimi.js'></script>
        <link href='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/t/<?php echo $GLOBALS["config"]['template_name']; ?>/css/jquery.ui.css' rel='stylesheet' type='text/css' />
        <link href='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/t/<?php echo $GLOBALS["config"]['template_name']; ?>/css/style.css' rel='stylesheet' type='text/css' />
		<link href='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/t/<?php echo $GLOBALS["config"]['template_name']; ?>/css/default.css' rel='stylesheet' type='text/css' />
        <link href='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/t/<?php echo $GLOBALS["config"]['template_name']; ?>/css/myaccountleftnav.css' rel='stylesheet' type='text/css' />
        <link href='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/t/<?php echo $GLOBALS["config"]['template_name']; ?>/css/myaccount.css' rel='stylesheet' type='text/css' />
        <link href='//<?php echo ConfigConstants::$iConstants.".".DOMAIN; ?>/t/<?php echo $GLOBALS["config"]['template_name']; ?>/css/headerAndFooter.css' rel='stylesheet' type='text/css' />
        <script type="text/javascript">
			$(document).ready(function() {
			    $('#trantime').datepicker({
			          changeMonth: true,
			          changeYear: true,
			          dateFormat: 'yy-mm-dd'
			    });
			});
		</script>
    </head>
    <body>
        <?php
            require_once '../app/views/HeaderView.php';
            echo HeaderView::getCommonHeaderView();
        ?>
		<div id="navigation">
			<a href="/">首页</a>
			<span>&gt;</span>
			<a href="/userinfo/index">我的阿基米米</a>
             &gt; 我要充值
		</div>
        <div id="mymimi_body">
        <?php
            require_once '../app/views/MyAccoutLeftNavView.php';
            echo MyAccountLeftNav::getMyAccountLeftNav();
        ?>
        <div id="mymimi_right">
            <div class="right_bj"></div>
            <div class="add_border">
	        <input type="hidden" value="<?php echo ERRORACCOUNTEMPTY; ?>" id="errorAccountEmpty" />
	        <input type="hidden" value="<?php echo ERRORTRANACCOUNTEMPTY; ?>" id="errorTranAccountEmpty" />
	        <input type="hidden" value="<?php echo ERRORTRANNAMEEMPTY; ?>" id="errorTranNameEmpty" />
	        <input type="hidden" value="<?php echo ERRORAKACCOUNTEMPTY; ?>" id="errorAkaccountEmpty" />
	        <input type="hidden" value="<?php echo ERRORTRANTIMEEMPTY; ?>" id="errorTranTimeEmpty" />
	        <input type="hidden" value="<?php echo ERRORPRICEEMPTY; ?>" id="errorPriceEmpty" />
	        <form action="/o/submitsupplement" id="supplementForm" method="post">
	            <div  class="add_row_1" style="margin-top:10px;margin-left:66px;*margin-left:-30px;">
	               <ul>
	                   <li class="style_1"><li>
		               <li>
		                   <span><input type="radio" name="choose" id="onlinepay" checked="checked" onclick="javascript:$('#onlinediv').show();$('#offlinediv').hide();" value="1"/> 在线充值</span>
		                   <span style="margin-left:10px;"><input type="radio" name="choose" id="offlinepay" onclick="javascript:$('#offlinediv').show();$('#onlinediv').hide();" value="2"/> 离线充值</span>
		               </li>
		           </ul>
		        </div>
		        <div id="onlinediv" class="add_row_1" >
		           <ul>
	                   <li class="style_1">充值方式</li>
	                   <li>
	                        <input type="radio" name="paymenttype" checked="checked" value="1"/> 支付宝
	                        <input type="radio" name="paymenttype" value="2" disabled="disabled"/> 财付通
	                        <input type="radio" name="paymenttype" value="3" disabled="disabled"/> 网银在线
	                    </li>
	                </ul>
	                <br/>
	                <div class="clear" ></div>
	            <ul style="margin-top:10px;">
	                <li class="style_1">充值账户</li>
	                <li class="style_2" style="width:265px;" ><input type="text" name="account"  value="" id="account"/></li>
	                <li><span id="errorMsgAccount" class="error_font_color" ></span>
		        </div>
		        <div id="offlinediv" class="add_row_1"  style="display: none;">
		           <ul>
	                   <li class="style_1">转账银行 </li>
	                   <li class="style_2" style="width:600px;">
	                       <div style="float:left;width:130px;"><input type="radio" name="bank" checked="checked" value="14"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/14.png" alt="" /></div>
	                       <div style="float:left;"><input type="radio" name="bank" value="15"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/15.png" alt="" /></div>
	                       <br/>
	                       <div style="float:left;width:130px;"><input type="radio" name="bank" value="16"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/16.png" alt="" /></div>
	                       <div style="float:left;"><input type="radio" name="bank" value="17"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/17.png" alt="" /></div>
	                       <br/>
	                       <div style="float:left;width:130px;"><input type="radio" name="bank" value="18"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/18.png" alt="" /></div>
	                       <div style="float:left;"><input type="radio" name="bank" value="19"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/19.png" alt="" /></div>
	                       <br/>
	                       <div style="float:left;width:130px;"><input type="radio" name="bank" value="20"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/20.png" alt="" /></div>
	                       <div style="float:left;"><input type="radio" name="bank" value="21"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/21.png" alt="" /></div>
	                       <br/>
	                       <div style="float:left;width:130px;"><input type="radio" name="bank" value="22"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/22.png" alt="" /></div>
	                       <div style="float:left;"><input type="radio" name="bank" value="23"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/23.png" alt="" /></div>
	                       <br/>
	                       <div style="float:left;width:130px;"><input type="radio" name="bank" value="24"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/24.png" alt="" /></div>
	                       <div style="float:left;"><input type="radio" name="bank" value="25"/><img src="<?php echo ConfigConstants::getTImagePath(); ?>/bankimg/25.png" alt="" /></div>
	                       <br/>
	                    </li>
	                </ul>
	                <div class="clear" ></div>
	                <ul>
	                    <li class="style_1">转账交易号</li>
	                    <li class="style_2" ><input type="text" name="trannum" id="trannum" /></li>
	                </ul>
	                <div class="clear" ></div>
	                <ul>
	                    <li class="style_1" >转账账户</li>
	                    <li class="style_2" style="width:265px;" ><input type="text" name="tranaccount" id="tranaccount" /><li>
	                    <li><span id="errorMsgTranAccount" class="error_font_color"></span></li>
	                </ul>
	                <div class="clear" ></div>
	                <ul>
	                    <li class="style_1" >转账人姓名</li>
	                    <li class="style_2" style="width:265px;" ><input type="text" name="tranname" id="tranname" /></li>
	                    <li><span id="errorMsgTranName" class="error_font_color" ></span></li>
	                </ul>
	                <div class="clear" ></div>
	                <ul>
	                   <li class="style_1"  >转账时间</li>
	                   <li><input type="text" name="trantime" id="trantime" /></li>
	                   <li><select name="fhour" id="fhour">
	                           <option value="00">00</option>
	                           <option value="01">01</option>
	                           <option value="02">02</option>
	                           <option value="03">03</option>
	                           <option value="04">04</option>
	                           <option value="05">05</option>
	                           <option value="06">06</option>
	                           <option value="07">07</option>
	                           <option value="08">08</option>
	                           <option value="09">09</option>
	                           <option value="10">10</option>
	                           <option value="11">11</option>
	                           <option value="12">12</option>
	                           <option value="13">13</option>
	                           <option value="14">14</option>
	                           <option value="15">15</option>
	                           <option value="16">16</option>
	                           <option value="17">17</option>
	                           <option value="18">18</option>
	                           <option value="19">19</option>
	                           <option value="20">20</option>
	                           <option value="21">21</option>
	                           <option value="22">22</option>
	                           <option value="23">23</option>
	                       </select>
	                       :
	                       <select name="fmin" id="fmin">
	                           <option value="00">00</option>
	                           <option value="01">01</option>
	                           <option value="02">02</option>
	                           <option value="03">03</option>
	                           <option value="04">04</option>
	                           <option value="05">05</option>
	                           <option value="06">06</option>
	                           <option value="07">07</option>
	                           <option value="08">08</option>
	                           <option value="09">09</option>
	                           <option value="10">10</option>
	                           <option value="11">11</option>
	                           <option value="12">12</option>
	                           <option value="13">13</option>
	                           <option value="14">14</option>
	                           <option value="15">15</option>
             	                <option value="16">16</option>
	                           <option value="17">17</option>
	                          <option value="18">18</option>
	                          <option value="19">19</option>
	                          <option value="20">20</option>
	                          <option value="21">21</option>
	                          <option value="22">22</option>
	                <option value="23">23</option>
	                <option value="24">24</option>
	                <option value="25">25</option>
	                <option value="26">26</option>
	                <option value="27">27</option>
	                <option value="28">28</option>
	                <option value="29">29</option>
	                <option value="30">30</option>
	                <option value="31">31</option>
	                <option value="32">32</option>
	                <option value="33">33</option>
	                <option value="34">34</option>
	                <option value="35">35</option>
	                <option value="36">36</option>
	                <option value="37">37</option>
	                <option value="38">38</option>
	                <option value="39">39</option>
	                <option value="40">40</option>
	                <option value="41">41</option>
	                <option value="42">42</option>
	                <option value="43">43</option>
	                <option value="44">44</option>
	                <option value="45">45</option>
	                <option value="46">46</option>
	                <option value="47">47</option>
	                <option value="48">48</option>
	                <option value="49">49</option>
	                <option value="50">50</option>
	                <option value="51">51</option>
	                <option value="52">52</option>
	                <option value="53">53</option>
	                <option value="54">54</option>
	                <option value="55">55</option>
	                <option value="56">56</option>
	                <option value="57">57</option>
	                <option value="58">58</option>
	                <option value="59">59</option>
	             </select>
	             </li>
	             <li><span id="errorMsgTranTime" class="error_font_color" ></span></li>
	            </ul>
	            <div class="clear" ></div>
	            <ul>
	               <li class="style_1" >阿基米米接收账户 </li>
	               <li class="style_2" style="width:265px;" ><input type="text" name="akaccount" id="akaccount" /></li>
	               <li><span id="errorMsgAkaccount" class="error_font_color" ></span></li>
	            </ul>
		        </div>
		        <div class="clear" ></div>
		        <div  class="add_row_1" >
		            <ul>
		                <li class="style_1">充值金额</li>
		                <li class="style_2" style="width:265px;" > <input type="text" name="price" value="" id="price"/></li>
		                <li><span id="errorMsgPrice" class="error_font_color" ></span></li>
		            </ul>
		        </div>
		        <div class="clear" ></div>
		        <div class="add_row_2">
	                <input style="cursor:pointer" type="button" value="充 值" onclick="javascript:Supplement.savePayment();" />&nbsp;&nbsp;
	                <input style="cursor:pointer" type="button" value="取 消"  onclick="javascript:window.location='/trade/supplementlogs';" />
	            </div>
	        </form>
            </div>
	        </div>
        </div>
        <div id="paymentDialog" style="left:0px;top:0px;background-color:#000;display:none;position:absolute;z-index:9;text-align:center;font-size:12px;filter:alpha(opacity=80);-moz-opacity:0.8;" onclick='try{event.cancelBubble = true;}catch(e){event.stopPropagation();}'>
            <div id='paymentDialogContent' style="position:static;height:120px;width:320px;background-color:#fff;border:1px solid #000;font-size:16px;">
                <div style='background-color:#690;line-height:24px;height:24px;;font-size:1em;text-align:left;'>
                    <span style='margin-left:5px;font-weight:700;color:#fff;'>在线支付提示</span>
                </div>
                <div style="margin-top:10px;height:48px;font-size:12px;line-height:24px;">
                    <span>请您在新打开的网上银行页面上完成付款</span><br/>
                    <span>付款完成前请<b>不要关闭</b>此窗口</span>
                </div>
                <div style='height:48px;padding:5px;'>
                    <input style="cursor:pointer" type="button" value="已完成付款"  onclick="window.location='/trade/supplementlogs';"/>
                    <input style="cursor:pointer" type="button" value="付款遇到问题" onclick="window.location='/trade/supplementlogs';"/>
                </div>
            </div>
        </div>
        <?php
         require_once '../app/views/FooterView.php';
         echo FooterView::getCommonFooterView();
        ?>
    </body>
</html>